<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>给指定用户留言</title>
<!-- jquery -->
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!-- bootstrap -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<script src="../js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(function(){
		//让留言的块隐藏
		$(".msgDiv").css('display','none');
		//加载默认的名字
		$.ajax({
			url:'../getDefaultName',
			data:{"rname":"管理员"},
			dataType:'json',
			type:'post',
			success:function(re){
				for(var i=0;i<re.length;i++){
					var opt=$("<option></option>");
					opt.attr('value',re[i].uid);
					opt.text(re[i].uname);
					$("select[name='oname']").append(opt);
				}
			}
		})
		//身份改变时，改变对应的名字组
		$("#status").change(function(){
			var rname=$(this).val();
			$.ajax({
				url:'../getDefaultName',
				data:{"rname":rname},
				dataType:'json',
				type:'post',
				success:function(re){
					$("select[name='oname']").empty();
					for(var i=0;i<re.length;i++){
						var opt=$("<option></option>");
						opt.attr('value',re[i].uid);
						opt.text(re[i].uname);
						$("select[name='oname']").append(opt);
					}
				}
			})
		})
		//点击按钮，显示留言的块
		$("#go").click(function(){
			$("#txt").val("");
			$(".msgDiv").css('display','block');
		})
		//提交留言
		$("#tj").click(function(){
			var lcontent=$("#txt").val();//留言内容
			var oid=$("select[name='oname']").val(); //被留言者的ID
			var isreturn=0;//是否为回复
			var state=0;//是否已读
			$.ajax({
				url:'../addMsg',
				data:{
					"lcontent":lcontent,
					"oid":oid,
					"isreturn":isreturn,
					"state":state
				},
				dataType:'json',
				type:'post',
				success:function(re){
					if(re.addFlag){
						location.href="leaveAfter.jsp";
						alert("留言成功");
					}
				}
			})
		})
	})
</script>
<style type="text/css">
	select{
		width:100px;
		height:30px;
	}
</style>
</head>
<body>
	<div class="container">
		<div class="row">
			<h3 class="text-primary">在这里写下您想说的话... ...</h3>
		</div><br/><br/>
		<div class="row">
			<div class="col-md-2 text-primary" style="font-size:18px;">您想对谁说：</div>
			<div class="col-md-2">
				<select id="status" name="status">
					<option>管理员</option>
					<option>人事经理</option>
					<option>部门经理</option>
					<option>普通员工</option>
				</select>
			</div>
			<div class="col-md-2">
				<select name="oname"></select>
			</div>
			<div class="col-md-2">
				<a id="go" class="btn btn-primary">去留言</a>
			</div>
		</div><br/><br/>
		<div class="row msgDiv">
			<textarea id="txt" rows="10" cols="100" placeholder="写下您想说的话..."></textarea><br/><br/>
			<div style="margin-left:600px;"><a id="tj" class="btn btn-warning">提交</a></div>
		</div>
	</div>
</body>
</html>